<style type="text/css">

    .container {
        margin-bottom: 1.4em;
    }

    .picbox {
        border: 1px solid black;
        height: 100px;
        width: 100px;
        margin-right: 1.7em;
        display: inline-block;
        clear: both;
    }

    .picbox:hover {
        border-color: red;
        cursor: pointer;
    }

</style>
<div>
    <div style="margin-bottom: 1.65em;">
        <h1 class="title content-title" style="margin-bottom: 0.2em;">
            <?php echo $berita->content_id->title; ?>
        </h1>
        <span>
            Diposting <?php echo $berita->content_id->posted; ?>
        </span>
    </div>

    <div style="margin-bottom: -0.1em;">
        <div class="content-textbox">
            <img class="pickegiatan" src="<?php echo $kegiatan->content_id->thumbnail_img->src; ?>" style="float: left; margin: 1em; height: 100px; width: 100px;"/>
            <span class="sumkegiatan">
                <?php echo $berita->content_id->text; ?>
            </span>
        </div>
    </div>

    <div>
        <?php $this->view("fbshare"); ?>
    </div>

    <?php if (count($berita->content_id->pics) > 0) { ?>
    <div style="width: 50em;">
        <hr />
    </div>
    <div class="container" style="margin-bottom: 0.9em;">
        <?php foreach ($berita->content_id->pics as $pic) { ?>
            <div style="display: inline-block;">
                <div class="picbox" style="background-image: url('<?php echo $pic->tmb; ?>');"></div>
            </div>
        <?php }; ?>
    </div>
    <? } ?>
    <div style="width: 50em;">
        <hr />
    </div>

    <div class="container">
        <?php $this->view("fbcomments"); ?>
    </div>
</div>